<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>同咨科技-商户后台</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../static/css/weadmin.css">
    <link href="../../lib/layui/css/layui.css" rel="stylesheet">

    <script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../../lib/xm-select.js" charset="utf-8"></script>
    <script type="module" src="../components/use-body.js"></script>



    <link href="../../static/css/information.css" rel="stylesheet">
    <link href="../../static/css/uselay.css" rel="stylesheet">
</head>

<body class="information">
    <use-body>
        <div class="page-body layout-left-menu">

            <!-- 左边菜单 -->
            <div class="side">
                <div class="back-page">
                    <i class="iconfont use-arrow"></i> 返回资料大厅
                </div>

                <div class="layui-panel">
                    <ul class="layui-menu" id="demo-menu">
                        <li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: false}">
                            <div class="layui-menu-body-title">企业资料</div>
                            <ul>
                                <li>
                                    <div class="layui-menu-body-title">收藏的</div>
                                </li>
                                <li class="layui-menu-item-checked">
                                    <div class="layui-menu-body-title">收藏的</div>
                                </li>
                            </ul>
                        </li>
                        <li class="layui-menu-item-divider"></li>
                        <li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: false}">
                            <div class="layui-menu-body-title">项目小组</div>
                            <ul>
                                <li>
                                    <div class="layui-menu-body-title">项目小组A</div>
                                </li>
                                <li>
                                    <div class="layui-menu-body-title">项目小组B</div>
                                </li>
                                <li>
                                    <div class="layui-menu-body-title">项目小组C</div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 主体 -->
            <div class="page-border">
                <table class="layui-hide" id="ID-table-demo-data"></table>

                <div class="layui-btn-center" style="margin-top: 40px; text-align: right;">
                    <button type="button" lay-on="batch-edit-layer" class="layui-btn layui-btn-sm layui-btn-radius">批量修改</button>
                    <button type="button" class="layui-btn layui-btn-sm layui-btn-primary layui-btn-radius">添加资料</button>
                    <button type="button" class="layui-btn layui-btn-sm layui-btn-radius">确认上传</button>
                </div>
            </div>
        </div>
    </use-body>

    <!-- 批量修改 -->
    <div id="batch-edit-layer" style="display: none;">
        <div class="dialog">
            <form class="layui-form info-upload-form" action="">
                <div class="title">基本信息</div>
                <div class="layui-form-item">
                    <label class="layui-form-label required">资料标题</label>
                    <div class="layui-input-block">
                        <input type="text" name="username" lay-verify="required" placeholder="请输入"
                            autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">上传位置</label>
                    <div class="layui-input-block">
                        <select name="quiz3">
                            <option value="">默认读取当前目录</option>
                            <option value="西湖区">西湖区</option>
                            <option value="余杭区">余杭区</option>
                            <option value="拱墅区">临安市</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">资料类型</label>
                    <div class="layui-input-block">
                        <select name="quiz3">
                            <option value="">请选择</option>
                            <option value="西湖区">西湖区</option>
                            <option value="余杭区">余杭区</option>
                            <option value="拱墅区">临安市</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">资料标签</label>
                    <div class="layui-input-block">
                        <input type="text" name="username" placeholder="添加标签" autocomplete="off"
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">资料简介</label>
                    <div class="layui-input-block">
                        <textarea name="" placeholder="请输入简介内容" class="layui-textarea"></textarea>
                    </div>
                </div>
                <div class="title">其他信息</div>
                <div class="layui-form-item">
                    <label class="layui-form-label required">查看范围</label>
                    <div class="layui-input-block">
                        <input type="radio" name="sex" value="全部成员" title="全部成员" checked>
                        <input type="radio" name="sex" value="指定成员" title="指定成员">
                        <!-- 全部成员 -->
                        <div>
                            <input type="checkbox" name="checkbox" title="将资料同步至平台(审核通过后才可查看)">
                        </div>
                        <!-- 指定成员 -->
                        <div style="display: none;">
                            <select name="quiz3">
                                <option value="">请选择</option>
                                <option value="西湖区">西湖区</option>
                                <option value="余杭区">余杭区</option>
                                <option value="拱墅区">临安市</option>
                            </select>
                        </div>
                    </div>
                </div>
            </form>
            <div class="dialog-footer">
                <!-- 主体 -->
                <div class="cent">
                    <button type="button" class="layui-btn btn-text">取消</button>
                    <button type="button" lay-submit class="layui-btn layui-btn-radius">保存</button>
                </div>
            </div>
        </div>
    </div>
</body>
<!-- 工具栏模板 -->
<script type="text/html" id="operate-btn">
    <div class="operate-btn">
        <i class="iconfont use-edit layui-btn btn-text"></i>
        <i class="iconfont use-delete layui-btn btn-text"></i>
    </div>
</script>
<script>
    layui.use('table', function () {
        var $ = layui.$;
        var table = layui.table;
        var util = layui.util;
        var form = layui.form;
        var upload = layui.upload;
        var laydate = layui.laydate;
        var dropdown = layui.dropdown;
        var element = layui.element;

        // 已知数据渲染
        var inst = table.render({
            elem: '#ID-table-demo-data',
            cols: [[ //标题栏
                { type: 'checkbox' },
                {
                    sort: true, field: 'id', title: '资料名称', align: 'center',
                    templet: '<div style="display:flex;align-items: center;"><i class="iconfont use-docx" style="color:#1296DB;font-size:28px;vertical-align: middle;"/>资料名称.docx</div>'
                },
                { field: 'username', title: '资料类型', align: 'center' },
                { field: 'username', title: '资料标签', align: 'center' },
                { field: 'username', title: '查看范围', align: 'center' },
                { field: 'username', title: '操作', align: 'center', toolbar: '#operate-btn' }
            ]],
            data: [{ // 赋值已知数据
                "id": "10001",
                "username": "张三1",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "116"
            }, {
                "id": "10002",
                "username": "张三2",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "12",
                "LAY_CHECKED": true
            }, {
                "id": "10003",
                "username": "张三3",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "65"
            }, {
                "id": "10003",
                "username": "张三3",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "65"
            }, {
                "id": "10003",
                "username": "张三3",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "65"
            }, {
                "id": "10003",
                "username": "张三3",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "65"
            }, {
                "id": "10003",
                "username": "张三3",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "65"
            }, {
                "id": "10003",
                "username": "张三3",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "65"
            }, {
                "id": "10003",
                "username": "张三3",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "65"
            }, {
                "id": "10003",
                "username": "张三3",
                "sex": "男",
                "city": "浙江杭州",
                "sign": "人生恰似一场修行",
                "experience": "65"
            }],
            skin: 'nob', // 表格风格
            //even: true,
            maxHeight: 'full-300',
            page: false
        });

        util.on('lay-on', {
            'batch-edit-layer':function(){
                layer.open({
                    type: 1,
                    shade: false, // 不显示遮罩
                    content: $('#batch-edit-layer'), // 捕获的元素
                    title:'批量修改',
                    closeBtn: 1
                });
            }
        })


    });
</script>

</html>